/*total*/
body { max-width: 640px; margin: 0 auto; font-size: 14px; }
i{display: inline-block;}
/*绑定手机*/
.user-phone { width: 84%; margin: 60px auto 0 auto; font-size: 12px;}
.user-phone input {font-size: 12px; line-height: 28px; height: 30px; border: 1px solid #e4e4e4; background: #fff; color: #666; padding: 0 5px; box-sizing: border-box; width: 100%; }
.user-phone .error { color: #f00; line-height: 36px; display: none; }
.user-phone .input-phone, .user-phone .input-code { height: 64px; }
.user-phone .input-phone input { width: 100%; }
.user-phone .input-phone input::-webkit-outer-spin-button, .user-phone .input-phone input::-webkit-inner-spin-button {
 -webkit-appearance: none !important;
 margin: 0;
}
.user-phone .input-code { position: relative; margin: 0 95px 42px 0; }
.user-phone .input-code a { width: 90px; text-align: center; height: 30px; line-height: 30px; display: inline-block; background: #825dc7; color: #fff; float: right; position: absolute; right: -100px; top: 0; }
.user-phone .input-code a.grey { background: #666; }
.user-phone .input-code a em{font-style: normal;}
.user-phone .submit { width: 125px; line-height: 30px; background: #825dc7; color: #fff; text-align: center; margin: 0 auto; }
.user-phone .submit.grey { background: #666; }
.phone-unbind { margin: 92px auto 0 auto; max-width: 94%; text-align: center; color: #666; font-size: 14px; line-height: 18px; }
.phone-unbind p:first-child { padding-bottom: 20px; }
.phone-unbind a { line-height: 30px; display: inline-block; text-align: center; padding: 0 20px; background: #825dc7; color: #fff; margin-top: 65px; }
/*个人中心-订单列表*/
.user-order{width: 94%;margin: 0 auto;}
.user-order li{padding: 12px 0; position: relative; line-height: 18px; color: #666; border-bottom: 1px solid #e4e4e4;}
.user-order li.nolist{color: #333;font-size: 20px;text-align: center;padding-top: 240px;border-bottom: 0;}
.user-order li.end{text-align: center; padding: 10px 0; border-bottom: 0;}
.user-order .img-list{ overflow: hidden;}
.user-order .img-list>div{float: left; width: 25%; padding: 0 3px;}
.user-order .img-list a{display: block; width: 100%; padding-top: 100%; position: relative;}
.user-order .img-list img{position: absolute; top:0; left: 0; width: 100%; height: 100%;}
.order-list{width: 100%;}
.order-list .order-num,.order-list .total-price,.order-list .bottom{padding: 0 3%; margin: 0 3px;}
.order-list .order-num span { text-align: right; float: right; color: #825dc7;}
.order-list .img-list{background: #f2f2f2; margin: 10px 0;min-height: 60px;margin: 10px 0; padding: 10px 3%;}
.order-list .total-price span:first-child { color: #f00; }
.order-list .total-price a{float: right;position: relative;padding-right: 18px;}
.order-list .total-price  a i{display: inline-block;width: 20px;height: 20px;background-size: 20px auto;background-repeat: no-repeat;vertical-align: top;position: absolute;right: 0;top: -1px;}
.order-list .bottom { margin-top: 13px; line-height: 30px; overflow: hidden;}
.order-list .bottom p { display: inline-block; }
.order-list .bottom p span { color: #333; }
.order-list .bottom a.btn {font-size: 12px; display: inline-block; line-height: 28px; margin-left: 10px; border: 1px solid #f00; float: right; border-radius: 5px; padding: 0 10px; background: #fff; color: #f00; }

/*订单详情*/
.order-detail{font-size: 12px;}
.order-detail .order-num {line-height: 24px;}
.order-detail .order-num span { color: #333;}
.order-detail .order-num .staus { position: absolute; top: 12px; right: 5px; display: inline-block; color: #666; }
.order-detail .order-num .countdown{position: absolute; bottom: 12px; right: 5px;} 
.order-detail .order-num .countdown span{color:#f00;}
.order-detail .order-peo { line-height: 18px; color: #333;}
.order-detail .order-peo p:first-child { padding-top: 10px; }
.order-detail .order-img .view-all { text-align: right; color: #825dc7; position: absolute; top: 15px; left: 0; width: 100%; }
.order-detail .order-img .view-all i { width: 20px; height: 22px; display: inline-block; background-size: 20px auto; vertical-align: middle; }
.order-detail .img-list { margin-top: 30px; overflow: hidden;}
.order-detail .img-list div {text-align: center; }
.order-detail .img-list div:last-child { padding-right: 0; }
.order-detail .order-pay p:nth-child(2) { position: absolute; top: 15px; right: 5px; }
.order-detail .order-price p { margin-bottom: 10px; }
.order-detail .order-price span, .order-total span { float: right; color: #f00; }
.order-detail .order-total{border-bottom: 0px;}
.order-detail .order-total .btn { width: 100%; padding: 35px 0; text-align: right; }
.order-detail .order-total .btn a { border: 1px solid #f00; color: #f00; padding: 5px 8px; border-radius: 5px; margin-left: 10px; }
.order-detail .order-total .btn a.cancel { color: #666; border-color: #666; }

/*订单-商品清单*/
.order-goods li { min-height: 100px; padding: 20px 0 8px 0; position: relative;}
.order-goods li a{font-size: 12px; display: block;}
.order-goods .goods-img { width: 100px; height: 100px; position: absolute; top: 20px; left: 10px; }
.order-goods .goods-img img{width: 100px; height: 100px;}
.order-goods .goods-detail { margin-left: 120px; color: #666; line-height: 16px; }
.order-goods .goods-detail h2 { color: #333; margin-bottom: 12px; max-height: 32px;overflow: hidden; font-size: 14px;}
.order-goods .goods-detail h3 { font-weight: normal; margin-bottom: 8px; }
.order-goods .goods-detail p span { color: #f00; margin-right: 10px; }
.order-goods .goods-detail .btn { text-align: right; margin-top: 10px;}
.order-goods .goods-detail .btn a { display: inline-block; color: #f00; line-height: 25px; border: 1px solid #f00; border-radius: 3px; padding: 0 5px; background: #fff; }
/*个人中心-首页*/
.user{margin-bottom: 55px}
.user .user-line { padding: 10px 3%; border-bottom: 1px solid #e4e4e4; line-height: 23px; position: relative; color: 666; }
.user a { color: #666; display: block; }
.user h2 { font-weight: normal; padding-left: 30px; color: #666; }
.user .top { min-height: 100px; padding: 15px 3% 15px 3%; }
.user .top .photo { position: absolute; left: 3%; top: 10px; width:100px; height: 100px;}
.user .top .user-mes { margin-left: 120px; font-size: 12px;}
.user .top h2 { color: #333; font-weight: bold; margin-bottom: 5px; padding-left: 0;  font-size: 14px;}
.user .my-order h2 { background: url("../images/icon-order.png") no-repeat left center; background-size: 20px 22px; }
.user .my-order p { position: absolute; right: 3%; top: 10px; }
.user .my-order .icon-arrow-right { width: 23px; height: 23px; background-size: auto 23px; vertical-align: middle; margin: -3px 0px 0 6px; display: inline-block; }
.user .task h2 { background: url("../images/icon-star.png") no-repeat left center; background-size: 20px 22px; }
.user .setting h2 { background: url("../images/icon-setting.png") no-repeat left center; background-size: 20px 22px; }
.task div, .setting div { margin: 15px 0 0 10px; }
.task a, .setting a { width: 90px; text-align: center; display: inline-block; }
.task a i, .setting a i { width: 30px; height: 30px; display: block; margin: 5px auto; }
.icon-daka-purple { background: url("../images/icon-daka-purple.png") no-repeat center; background-size: 30px; }
.icon-daka { background: url("../images/icon-daka.png") no-repeat center; background-size: 30px; }
.icon-egg { background: url("../images/icon-egg.png") no-repeat center bottom; background-size: 24px; }
.icon-unbind { background: url("../images/icon-unbind.png") no-repeat center; background-size: 30px; }
.icon-bind { background: url("../images/icon-bind.png") no-repeat center; background-size: 30px; }
.icon-addr { background: url("../images/icon-addr.png") no-repeat center; background-size: 30px; }
.slide img{float: left; display: block;}



/*个人中心-订单物流*/
.order-wuliu .wuliu-num{line-height: 35px;border-bottom: 1px solid #e4e4e4;padding-left: 15px; width: 94%; margin: 0 auto;}
.order-wuliu ul{border-left: 2px solid #e3e2e2;margin-top: -1px;position: absolute;top: 76px;left: 3%;width: 94%; bottom: 0;}
.order-wuliu ul li{padding: 10px 15px;border-left: 2px solid #e3e2e2; border-bottom: 1px solid #e4e4e4;padding-left: 15px;line-height: 20px; margin-left: -2px; font-size: 14px; position: relative;}
.order-wuliu ul li p.time{color: #acacac; font-size: 12px;}
.order-wuliu li:before,.order-wuliu li:after{content: "";position: absolute;top: 50%;}
.order-wuliu li:before{height: 8px;width: 8px;border-radius: 100%;background: #fff;border: 1px solid #e3e2e2;left: -7px;margin-top: -5px;}
.order-wuliu li:after{height: 2px;width: 6px;background: #e3e2e2; left: 3px; margin-top: -1px;}
.order-wuliu li:first-child:before{background: #825dc7; border-color: #825dc7;}